﻿<%--
************************************************************************************
 Name:Emp.aspx
 Description: 
 Created On:  
 Created By:  
 Last Modified On: 07-SEP-2011
 Last Modified By: Paulomi 
 Last Modified Reason: The changes added for validation on the mandatory fields in Emp.aspx are as follows:
                     : 1. Added name property for all the input controls that are mandatory
                     : 2. Some html spacing is changed to get proper alert message on fields required
                     : 3. For select dropdown control the first option value quotes is taken out
                     : 4. In Forms.css 
                     :    Added a css input.error
                     :    Removed padding: .8em; as it was enlarging the text box on validation   
                     : 5. Added two js files in Base Page.cs
                                      AddExternalJavaScript("js/Jquery/jquery.validate.js");
                                      AddExternalJavaScript("js/Jquery/custom.validation.js");
                     : 6. Added the two lines in MongoDb.Emp.js to initiate validation for fields in  'dvRegistrationForm' div
                                      var divs = ["dvRegistrationForm"];	   
	                                  applyCssToValidate(divs,false); 
	                           
 --%>

<%@ Page Language="C#" MasterPageFile="~/default.master" AutoEventWireup="true" CodeBehind="Emp.aspx.cs" Inherits="Chinook.Web.MongoDb.Emp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="BodyContentPlaceholder" runat="Server">
    <h1 class="title-regular clearfix">Employee Registration</h1> 
   
 <div id="dvRegistrationForm">
     <table>
         <tr>
             <td>
                 <label for="txtTitle"><%=Resources.Chinook.Form.Labels.lblTitle%></label>
             </td>
             <td>
                 <input title="Tool tip content" class="text txtSalute"  id="txtTitle"  type="text"  tabindex="1" />
             </td>
         </tr>
         <tr>
             <td>
                 <label for="txtFirstName"><%=Resources.Chinook.Form.Labels.lblFirstName%></label>
             </td>
             <td>
                 <input type="text" class="text txtName req required" title="First name" id="txtFirstName" name="txtFirstName" value="" tabindex="2" />
             </td>
         </tr>
         <tr>
             <td>
                 <label for="txtLastName"><%=Resources.Chinook.Form.Labels.lblLastName%></label>
             </td>
             <td>
                 <input type="text" class="text txtName" title="Last Name" id="txtLastName" tabindex="3" />
             </td>
         </tr>
    
         <tr>
             <td>
                 <label for="txtDateOfBirth"><%=Resources.Chinook.Form.Labels.lblDateOfBirth%></label>
             </td>
             <td class="">
                 <input type="text" class="text date req tooltip required" title="Enter your date of birth as dd/mm/yyyy format" id="txtDateOfBirth" name="txtDateOfBirth" tabindex="4"/>
             </td>
         </tr>
         <tr>
             <td>
                 <label for="txtAddressLine1"><%=Resources.Chinook.Form.Labels.lblAddressLine1%></label>
             </td>
             <td>
                 <input type="text" class="text txtAddress req required" title="" id="txtAddressLine1" name="txtAddressLine1"  tabindex="5" />
             </td>
         </tr>
         <tr>
             <td>
                 <label for="txtAddressLine2"><%=Resources.Chinook.Form.Labels.lblAddressLine2%></label>
             </td>
             <td>
                 <input type="text" class="text txtAddress" title="" id="txtAddressLine2" tabindex="6" />
             </td>
         </tr>
         <tr>
             <td>
                 <label for="txtCity"><%=Resources.Chinook.Form.Labels.lblCity%></label>
             </td>
             <td>
                 <input type="text" class="text txtCity req required" title="" id="txtCity" name="txtCity"  tabindex="7" />
             </td>
         </tr>
         <tr>
             <td>
                 <label for="txtState"><%=Resources.Chinook.Form.Labels.lblState%></label>
             </td>
             <td>
                 <input type="text" class="text txtSalute req tooltip required" title="Tipsy is a jQuery for creating a Facebook-like tooltips effect based on an anchor tag's title attribute." id="txtState" name="txtState" tabindex="8" />
             </td>
         </tr>
         <tr>
             <td>
                 <label for="txtPostalCode"><%=Resources.Chinook.Form.Labels.lblPostalCode%></label>
             </td>
             <td>
                 <input type="text" class="text txtPostalCode req tooltip required" title="Lorum ipsum lorum ipsum, lorum ipsum" id="txtPostalCode" name="txtPostalCode" tabindex="9" />
             </td>
         </tr>
         <tr>
             <td>
                 <label for="cboCountry"><%=Resources.Chinook.Form.Labels.lblCountry%></label>
             </td>
             <td>
                 <select name="cboCountry" id="cboCountry" class="req required">
                 <option value>-Select-</option>
                 <option value="India">India</option>
                 </select>
             </td>
         </tr>
         <tr>
             <td>
                 &nbsp;
             </td>
             <td>
                 <input type="submit" id="btnRegister" value="Register" class="button medium blue" tabindex="12" />
                 &nbsp;
                 <input type="reset" id="btnClear" value="Clear" class="button medium gray" tabindex="13" />
             </td>
         </tr>
     </table>     
</div>
</asp:Content>



